import { style } from '../../theme/style';
import { GLOBAL } from '../../config/global';
import {
	StyleSheet,
	PixelRatio
} from "react-native";
const scale = GLOBAL.SCALE;

export const cStyles = StyleSheet.create({
	requireText: {
		fontSize: 12 * scale,
		color: 'red',
		marginLeft: 10 * scale,
	},
	footBtnText: {
		fontSize: 13 * scale,
		color: '#fff',
	},
	footBtn: {
		justifyContent: 'center',
		alignItems: 'center',
		width: 56 * scale,
		height: 56 * scale,
		borderRadius: 50,
		backgroundColor: style.color.themeColor,
	},
	footBtnCell: {
		flexDirection: 'row',
		justifyContent: 'space-between',
		paddingTop: 20 * scale,
		paddingBottom: 20 * scale,
	},
	attachmentRow: {
		flexDirection: 'row',
		marginTop: 12 * scale,
		marginBottom: 12 * scale,
		flexWrap: 'wrap',
	},
	attachment: {
		width: 100 * scale,
		height: 100 * scale,
		marginRight: 12 * scale,
		marginBottom: 12 * scale,
	},
	cover: {
		width: '100%',
		height: '100%',
	},
	optionView: {
		height: 42 * scale,
		alignItems: 'center',
		justifyContent: 'space-between',
		flexDirection: 'row',
	},
	arrowLeft: {
		width: 6 * scale,
		height: 11 * scale,
	},
	textInput: {
		borderWidth: 0,
		fontSize: 13 * scale,
		color: '#404040',
		width: '100%',
		height: 42 * scale,
		padding: 0,
		alignSelf: 'center',
	},
	titleText: {
		fontSize: 20 * scale,
		color: '#202020',
		marginBottom: 23 * scale,
	},
	field: {
		borderBottomColor: '#e4e4e4',
		borderBottomWidth: 1 / PixelRatio.get(),
		marginBottom: 12 * scale,
	},
	lableText: {
		fontSize: 12 * scale,
		color: '#8B8B8B',
	},
	text: {
		fontSize: 12 * scale,
		color: '#404040'
	},
	text14: {
		fontSize: 14 * scale,
		color: '#404040'
	},
	textBig: {
		fontSize: 14 * scale,
		color: '#404040'
	},
	textSuccess: {
		color: style.color.themeColor,
	},
	textQuantity: {
		fontSize: 18 * scale,
		color: '#4B4B4B'
	},
	textFail: {
		color: '#EE5D5D'
	},
	textGray: {
		color: '#8B8B8B'
	},
	backGray: {
		// width: 16 * scale,
		height: 16 * scale,
	},
	topClose: {
		height: 16 * scale,
	},
	bottomBtnCell: {
		width: 375 * scale,
		height: 60 * scale,
		flexDirection: 'row',
		borderTopColor: '#e4e4e4',
		borderTopWidth: 1 / PixelRatio.get(),
		backgroundColor: '#fff',
	},
	bottomBtn: {
		justifyContent: 'center',
		flex: 1,
	},
	bottomBtnPic: {
		marginRight: 20 * scale,
	},
	bottomBtnView: {
		flexDirection: 'row',
		justifyContent: 'center',
		alignItems: 'center',
	},
	bottomBtnViewLeft: {
		borderRightColor: '#e4e4e4',
		borderRightWidth: 1 / PixelRatio.get(),
	},
	bottomBtnText: {
		fontSize: 18 * scale,
		color: '#404040'
	},
});